<template>
  <van-cell :title="title" :label="label">
    <template #right-icon>
      <van-icon
        @click="toPlay"
        size="24"
        style="line-height: 46px"
        name="play-circle-o"
      />
    </template>
  </van-cell>
</template>

<script>
export default {
  props: ["id", "title", "label"],
  methods: {
    toPlay() {
      this.$router.push({
        name: "play",
        query: {
          id: this.id,
        },
      });
    },
  },
};
</script>

<style>
</style>